@import '@common/styles/index.scss';

.container {
  padding: rem($padding-4n) 0;
  background-color: $white;
  border-bottom: 1px solid $border-color;

  .title {
    @include text-ellipsis();
    font-size: rem($font-size-middle);
    line-height: rem($font-line-height-middle);
    font-weight: $font-weight-regular;
    color: $text-color-primary;
  }
  .content {
    display: box;
    font-size: rem($font-size-base);
    line-height: rem(26);
    max-height: rem(49);
    margin: rem($padding-4n) 0 rem($padding-2n);
    @include lamp-clamp($line: 2);
    .richText{
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;/* stylelint-disable-line */
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;/* stylelint-disable-line */
      :global {
        .dzq-p {
          font-size: rem($font-size-base);
        }
        .dzq-img.qq-emotion {
          vertical-align: top;
        }
      }
    }
  }
  .tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    .tag {
      font-size: rem($font-size-base);
      line-height: rem($font-line-height-middle);
      color: $text-color-secondary;
    }
    .dot {
      margin: 0 rem(7);
      color: $text-color-secondary;
    }
  }
}

